.header {
	height: 6vh;
}

.header .bg_header {
	height: 6vh;
}

.header .bg_header .header_nav {
	height: 6vh;
	line-height: 30px;
	padding: 5px 0px;
}

body {
	width: 100vw;
	height: 100vh;

}

/*  */
.data_content {
	overflow-x: hidden;
	min-width: 1300px;
	padding-top: 20px;
}

::-webkit-scrollbar {
	display: none;
}

.data_content .data_time {
	width: 340px;
	height: 35px;
	background-color: #2C58A6;
	line-height: 35px;
	color: #fff;
	font-size: 12.8px;
	position: relative;
	margin-bottom: 25px;
	margin-left: 20px;
	text-align: center;
}

.data_content .data_time img {
	position: absolute;
	top: 8px;
	left: 15px;
}

.data_content .data_info {
	width: calc(100% - 40px);
	margin-bottom: 40px;
	height: 110px;
	margin-left: 20px;
}

.data_content .data_info .info_1 {
	width: 40%;
	height: 110px;
}

.data_content .data_info .info_1>.text_1 {
	width: calc(100% - 25px);
	background-color: #034c6a;
	height: 110px;
}

.data_content .data_info .info_2 {
	width: 31%;
	height: 110px;
}

.data_content .data_info .info_2>.text_2 {
	width: calc(100% - 25px);
	background-color: #034c6a;
	height: 110px;
}

.data_content .data_info .info_3 {
	width: 29%;
	height: 110px;
}

.data_content .data_info .info_3>.text_3 {
	width: 100%;
	background-color: #034c6a;
	height: 110px;

}

.data_content .data_info>div.info_1>.text_1>div {
	width: 33.333%;
	position: relative;
}

.data_content .data_info>div.info_2>div>div,
.data_content .data_info>div.info_3>div>div {
	width: 50%;
	position: relative;
}

.data_content .data_info img {
	position: absolute;
	top: 35px;
	left: 15px;
}

.data_content .data_info>div>div>div>div {
	margin-left: 65px;
	margin-top: 23px;
}

.data_content .data_info>div.info_2>div>div>div {
	margin-left: 70px;
	margin-top: 23px;
}

.data_content .data_info p:nth-child(1) {
	color: #fff;
	font-size: 12.8px;
}

.data_content .data_info p:nth-child(2) {
	font-weight: 600;
	font-size: 28px;
	color: #ffff43;
}

.data_content .data_info>div.info_2 p:nth-child(2) {
	font-weight: 600;
	font-size: 28px;
	color: #25f3e6;
}

.data_content .data_info>div.info_3 p:nth-child(2) {
	font-weight: 600;
	font-size: 28px;
	color: #ff4e4e;
}

.data_content .data_main {
	width: calc(100% - 40px);
	height: 60vh;
	margin-left: 20px;
}

.data_content .data_main .main_left {
	width: 24%;
}

.data_content .data_main .main_left>div {
	width: 100%;
	/* height: 280px; */
	height: 30vh;
	box-sizing: border-box;
	border: 1px solid #2C58A6;
	position: relative;
	box-shadow: 0 0 10px #2C58A6;
}

.data_content .data_main .main_left div.left_1 {
	/*background: url("../img/chart_1.png") no-repeat center;*/
}

.data_content .data_main .main_left div.left_2 {
	/*background: url("../img/chart_2.png") no-repeat center;*/
}

.data_content .data_main .main_left div:nth-child(1) {
	/* margin-bottom: 20px; */
}

.data_content .data_main .main_left div .main_title {
	background-color: #2C58A6;
	border-radius: 18px;
	position: absolute;
	top: -17px;
	left: 20%;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	box-sizing: border-box;
	padding: 0px 10%;
	z-index: 1000;
}

.data_content .data_main .main_left div .main_title img {
	position: absolute;
	top: 8px;
	left: 20px;
}


.data_content .data_main .main_center {
	width: 48%;
	/* height: 610px; */
	height: 60vh;
}

.data_content .data_main .main_center .center_text {
	width: calc(100% - 50px);
	/* height: 280px; */
	height: 30vh;
	margin-left: 25px;
	margin-right: 25px;
	box-sizing: border-box;
	border: 1px solid #2C58A6;
	box-shadow: 0px 0px 6px #2C58A6;
	position: relative;
	/* margin-bottom: 50px; */
}

.l_t_line {
	width: 5px;
	height: 24px;
	left: -3px;
	top: -3px;
}

.t_l_line {
	height: 5px;
	width: 26px;
	left: -3px;
	top: -3px;
}

.t_line_box {
	position: absolute;
	width: 100%;
	height: 100%;
}

.t_line_box i {
	background-color: #4788fb;
	box-shadow: 0px 0px 10px #4788fb;
	position: absolute;
}

.t_r_line {
	height: 5px;
	width: 26px;
	right: -3px;
	top: -3px;
}

.r_t_line {
	width: 5px;
	height: 24px;
	right: -3px;
	top: -3px;
}

.l_b_line {
	width: 5px;
	height: 24px;
	left: -3px;
	bottom: -3px;
}

.b_l_line {
	height: 5px;
	width: 26px;
	left: -3px;
	bottom: -3px;
}

.r_b_line {
	width: 5px;
	height: 24px;
	right: -3px;
	bottom: -3px;
}

.b_r_line {
	height: 5px;
	width: 26px;
	right: -3px;
	bottom: -3px;
}

.data_content .data_main .main_center .main_title {
	background-color: #2C58A6;
	border-radius: 18px;
	position: absolute;
	top: -17px;
	left: 35%;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	box-sizing: border-box;
	padding: 0 30px;
	z-index: 1000;
}

.data_content .data_main .main_center .main_title img {
	position: absolute;
	top: 8px;
	left: 20px;
}

.data_content .data_main .main_right {
	width: 28%;
}

.data_content .data_main .main_right .right_1 {
	width: 100%;
	/* height: 150px; */
	height: 20vh;
	box-sizing: border-box;
	border: 1px solid #2C58A6;
	position: relative;
}

.data_content .data_main .main_right .right_2 {
	width: 100%;
	/* height: 367px; */
	height: 34vh;
	box-sizing: border-box;
	border: 1px solid #2C58A6;
	position: relative;
}

.data_content .data_main .main_right div.right_1 .choice {
	position: absolute;
	top: 25px;
	right: 30px;
	z-index: 1000;
}

.data_content .data_main .main_right div.right_1 .choice label {
	color: #fff;
}

.data_content .data_main .main_right div.right_2 {
	/*background: url("../img/chart_4.png") no-repeat center;*/
}

.data_content .data_main .main_right div.right_2 .chart_text {
	width: 18%;
	color: #fff;
	text-align: center;
	margin-top: 12px;
}

.data_content .data_main .main_right div.right_2 .chart_text p {
	margin-top: 21px;
}

.data_content .data_main .main_right div.right_2 .chart_text p img {
	margin-right: 5px;
	margin-top: -4px;
}

.data_content .data_main .main_right div.right_2 .chart_text p:nth-child(1) {
	font-size: 14px;
	font-weight: 600;
}

.data_content .data_main .main_right div.right_2 .text_sum {
	text-align: center;
	color: #ffff43;
	font-weight: 600;
}

.data_content .data_main .main_right div.right_2 .text_sum div:nth-child(2) {
	font-size: 18px;
	font-weight: 600;
}

.data_content .data_main .main_right div:nth-child(1) {
	/* margin-bottom: 50px; */
}

.data_content .data_main .main_right div .main_title {
	background-color: #2C58A6;
	border-radius: 18px;
	position: absolute;
	top: -17px;
	left: 20%;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	box-sizing: border-box;
	padding: 0px 6%;
	z-index: 1000;
}

.data_content .data_main .main_right div .main_title2 {
	background-color: #2C58A6;
	border-radius: 18px;
	position: absolute;
	top: -17px;
	left: 20%;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	box-sizing: border-box;
	padding: 0px 4%;
	z-index: 1000;
}

.data_content .data_main .main_right div .main_title img {
	position: absolute;
	top: 8px;
	left: 20px;
}


.data_content .data_bottom {
	width: calc(100% - 40px);
	/* height: 280px; */
	/* height: 28vh; */
	margin-left: 20px;
}

.data_content .data_bottom div {}

.data_content .data_bottom .bottom_1 {
	width: 24%;
	height: 28vh;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #2C58A6;
	box-shadow: 0 0 10px #2C58A6;
}

.data_content .data_bottom .bottom_center {
	width: 48%;
	/* height: 280px; */
}

.data_content .data_bottom .bottom_2 {
	width: calc(100% - 50px);
	/* height: 280px; */
	height: 28vh;
	margin-left: 25px;
	margin-right: 25px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #2C58A6;
	margin-left: 25px;
	box-shadow: 0 0 10px #2C58A6;
}

.data_content .data_bottom div .main_title1 {
	background-color: #2C58A6;
	border-radius: 18px;
	position: absolute;
	top: -17px;
	left: 20%;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	box-sizing: border-box;
	padding: 0px 10%;
	z-index: 1000;
}

.data_content .data_bottom div .main_title {
	background-color: #2C58A6;
	border-radius: 18px;
	position: absolute;
	top: -17px;
	left: 32%;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	box-sizing: border-box;
	padding: 0 30px;
	z-index: 1000;
}

.data_content .data_bottom div .main_title img {
	position: absolute;
	top: 8px;
	left: 20px;
}

.data_content .data_bottom div .main_table tr {
	height: 42px;
}

.data_content .data_bottom div .main_table {
	width: 100%;
	margin-top: 25px;
}

.data_content .data_bottom div .main_table table {
	width: 100%;
}

.data_content .data_bottom div .main_table thead tr {
	height: 42px;
}

.data_content .data_bottom div .main_table th {
	font-size: 12px;
	font-weight: 600;
	color: #61d2f7;
	text-align: center;
}

.data_content .data_bottom div .main_table th:nth-child(1) {}

.data_content .data_bottom div .main_table th:nth-child(2) {}

.data_content .data_bottom div .main_table td {
	color: #fff;
	font-size: 10px;
	text-align: center;
}

.data_content .data_bottom div .main_table tbody tr:nth-child(1),
.data_content .data_bottom div .main_table tbody tr:nth-child(3),
.data_content .data_bottom div .main_table tbody tr:nth-child(5) {
	background-color: #072951;
	box-shadow: -10px 0px 15px #2C58A6 inset,
		/*左边阴影*/
		10px 0px 15px #2C58A6 inset;
	/*右边阴影*/
}

.t_btn8,
.t_btn2,
.t_btn3 {
	position: relative;
	z-index: 100;
	cursor: pointer;
}

/* 
 */
#chart3 {
	position: relative;
}

.text {
	position: absolute;
	top: 47%;
	right: 45%;
	color: white;
	font-size: 14px;
}

.left_1 {
	position: relative;
}

#chart1 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.left_2 {
	position: relative;
}

#chart2 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

#t_line_box {
	position: relative;
}

#chart3 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.onecenter {
	position: relative;
}

#chart4 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.twocenter {
	position: relative;
}

#chart5 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cx {
	width: 100%;
	color: white;
	position: absolute;
	margin-top: 4%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cx span {
	color: #1EC6EF;
	margin: 0 5px;
}

.cx input {
	background: #0C1C30;
	border: 1px solid #1EC6EF;
	text-indent: 5%;
	color: white;
	margin: 0 5px;
}

.cx .a {
	width: 80px;
}

::-webkit-input-placeholder {
	color: white;
	font-size: 12px;
}

.cx button {
	width: 60px;
	background: #1EC6EF;
}

.bottom_2 {
	position: relative;
}

#chart6 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

#dy {
	color: #1DC4ED;
	font-size: 12px;

}

.dy1 {
	margin-bottom: 0px !important;
	margin: 6% 0px;
}

#dy ul li {
	display: inline;
}

#dy ul img {
	width: 10%;
	max-width: 10%;
}

.main_right {
	position: relative;
}

#dy {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* right_2 */
.right_2 {
	position: relative;
}

/*  */
.db {
	border-bottom: none !important;
	color: #2D99FE;
	text-align: center;
	position: relative;
}

.db span {
	position: absolute;
	bottom: 5px;
	left: 40%;
}

#chart7 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.db2 {
	border-top: none !important;
	color: #FF9102;
	text-align: center;
	position: relative;
}

.db2 span {
	position: absolute;
	bottom: 5px;
	left: 40%;
}

#chart8 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*  */
.left_1 canvas {
	width: 100%;
	height: 30vh;
}

/*  */
.time {
	color: white;
	position: absolute;
	right: 5vw;
	top: 2vh
}

.time>p {
	margin-bottom: 0px;
}
